<template>
  <div id="app">
    <div class="sidebar">
      <div class="pad">
        <router-link to="/">主应用</router-link>
      </div>
      <div class="pad">
        <router-link to="/app-vue1">子应用app-vue1</router-link>
      </div>
      <div class="pad">
        <router-link to="/app-vue2">子应用app-vue2</router-link>
      </div>
    </div>
    <div>
      <router-view />
      <div id="container">

      </div>
    </div>
  </div>
</template>

<style lang="scss">
#app {
  display: flex;
  padding-right: 20px;

  .sidebar {
    background: #304156;
    .pad{
      padding: 10px;

    }
  }
}
</style>
